<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
		<script src="../jquery-3.6.0.min.js"></script>
		<!-- <script src="js/index.js"></script> -->
		<script src="js/index2.js"></script>
		<script src="js/jquery-3.6.0.min.js"></script>
	</head>

	<body>

		<!--顶部tab开始-->
		<div class="head">
			<!--通知开始-->
			<div class="notice">
				<img src="image/message.png" class="head-icon notice-img">
			</div>
			<!--通知结束-->
			<div class="title">
				Mall商城
			</div>
			<!--购物车和查找start-->
			<div class="right-wrapper">
				<img src="image/search.png" class="head-icon right-img">
				<img src="image/shoppingBag.png" class="head-icon right-img">
			</div>
			<!--购物车和查找end-->
		</div>
		<!--顶部tab结束-->

		<div class="block-head"></div>

		<!--中间开始-->
		<div class="content-warpper">
			<div class="tab-warpper" id="indexPageContent">a</div>
			<div class="categoty-warpper" id="categoryPageContent">b</div>
			<div class="theme-warpper" id="themePageContent">
				<div class="zhuanti">
					<div><img src="image/star.png"></div>
					<div><img src="image/star.png"></div>
					<div><img src="image/star.png"></div>
					<div><img src="image/star.png"></div>
					<div><img src="image/star.png"></div>
					<div><img src="image/star.png"></div>
				</div>
			</div>
			<!--我的开始-->
			<div class="mine-warpper" id="userPageContent">
				<div class="head-bac">
					<img src="image/head.png" />
					<!--用户信息-->
					<div class="user-info-warpper">
						<div class="username">
							Winder
						</div>
						<div class="vip">
							黄金会员
						</div>
					</div>
					<div class="right-array">
						<img src="image/rightArray.png"/>
					</div>
				</div>
				<div class="head-flow">
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
					<div class="item">
						<div class="title">
							积分
						</div>
						<div class="number">
							100
						</div>
					</div>
				</div>
				<!--我的订单-->
				<div class="dingdan">
					<div class="item">
						<img src="image/dingdan.png">
						<span>我的订单</span>
					</div>
					<div class="item">
						<img src="image/daifukuan.png">
						<span>待付款</span>
					</div>
					<div class="item">
						<img src="image/daishouhuo.png">
						<span>待收货</span>
					</div>
					<div class="item">
						<img src="image/pingjia.png">
						<span>待评价</span>
					</div>
					<div class="item">
						<img src="image/shouhou.png">
						<span>售后服务</span>
					</div>
				</div>
				<!--订单结束-->
			</div>
			<!--我的结束-->
			
			
			
			<!--我的收藏-->

			<!--收藏结束-->
		</div>
		<!--中间结束-->
		
		<div class="neirong"></div>

		<div class="block-foot"></div>

		<!--底部tab开始-->
		<div class="end">
			<div class="item" id="indexPage">
				<img src="image/home.png" class="end-icon">
				<span class="item-text">首页</span>
			</div>
			<div class="item" id="categoryPage">
				<img src="image/choose.png" class="end-icon">
				<span class="item-text">分类</span>
			</div>
			<div class="item" id="themePage">
				<img src="image/zhuanti.png" class="end-icon">
				<span class="item-text">专题</span>
			</div>
			<div class="item" id="userPage">
				<img src="image/mineLight.png" class="end-icon">
				<span class="item-text item-text-select">我的</span>
			</div>

		</div>
		<!--底部tab结束-->
	</body>

</html>